:root
    --bannerBackgroundColor  	#5a6378	            // 顶栏背景色，最浅
    --mainColor  				#a5adbe	            // 主体颜色，用于正文等
    --mainSideColor 			#6f788d	            // 主体次要颜色，和主体颜色放在一起可以起到有效的区分作用，包括「热门内容：来自 xx」、「xx 赞同了此回答」以及边框
    --sideColor                 #8590a6             // 上面的主题次要颜色，如果单独使用，颜色过深难以分辨，所以如果单独出现（如右侧的按钮或者列表），使用这个介于上面两个深浅之间的颜色
    --borderColor               var(--mainSideColor)
    --linkColor 				#57b1fd	            // 正文链接颜色（hover 时加下划线）
    --linkHoverColor            #a5dabe             // 页面中其他链接被 Hover 时的颜色
    --bodyBackgroundColor   	#21242e	            // 整体背景颜色，最深
    --activeBackgroundColor 	#292d39	            // 菜单选项被激活时的背景色，较浅
    --inputBackgroundColor      var(--activeBackgroundColor)
    --mainBackgroundColor   	#393f4f	            // 主体背景颜色，用于正文、评论等，最浅
    //--buttonBackgroundColor 	#4eb7cd	            // 按钮背景颜色
    --tagBackgroundColor    	#a28ddf	            // 标签背景颜色
    --tagColor                  #fff                // 标签正文颜色
    --buttonBackgroundColor     var(--tagBackgroundColor)     // 按钮背景颜色
    --buttonColor               var(--tagColor)     // 按钮颜色
    --titleColor    			#d3e0f3	            // 标题颜色
    --userColor 				#55c45f	            // 用户颜色
    --notifitionColor           #ff6b6b             // 通知颜色

@import 'style/*'

// 基础样式
body
.Post-content
    background-color var(--bodyBackgroundColor) !important
    color var(--mainColor) !important


.zu-top-nav-li.current
    background transparent !important;
    box-shadow none

// 阴影效果
.HoverCard
.HoverCard-loading
    box-shadow 3px 2px 5px 1px #222


// 搜索结果中的高亮内容
.Highlight em
.WikiBoxHeader-IntroductionWrapper em
.WikiBoxHeader-Title
    color var(--notifitionColor)






.Popover-content
    background var(--mainBackgroundColor)
    border none
    box-shadow 5px 5px 20px #000

// 旧版顶栏（「发现」）
.zu-top
    background var(--bannerBackgroundColor) !important
    border-bottom none !important


.AppHeader-navItem.is-active
.zu-top-nav-li.current a
    color var(--linkColor) !important


// 顶栏上的知乎 LOGO
.ZhihuLogo {
    fill var(--linkColor) !important
}



.ProfileMain-menuToggler	// 个人主页中的「更多」
    background-color: transparent !important



// 弹出框（赞同 / 评论）
.Modal
    border-radius 3px
    border .5px solid var(--sideColor)

.Modal-inner
    border-radius 3px

.GlobalSideBar-navLink:hover // 按钮被选中
.Messages-item:hover
    background-color: #292d39

// 滚动条
::-webkit-scrollbar
    width 5px

::-webkit-scrollbar-thumb
    background var(--mainSideColor)
    border-radius 3px

.HotItem
    margin-bottom 10px
    border-radius 2px

html[data-hairline] .HotItem:not(:first-child)
    border-top none


// 评论中的边框 4px 改为 3px
.Comments-withPagination {
    border-radius: 3px !important;
}


.Button--primary.Button--blue {
    background-color: var(--tagBackgroundColor) !important;
    border-color: var(--tagBackgroundColor) !important;
    color: #fff !important;
}





.Button.Menu-item.is-active {
    background: var(--activeBackgroundColor) !important;
}

// 搜索框
.Input-wrapper {
    border-color: transparent;
}








.GlobalSideBar-navNumber {
    background-color: transparent !important;
}



.RichContent.is-collapsed .RichContent-inner:hover,
.ContentItem-title a:hover {
    color: #a5dabe !important;
}


.CornerButtons, .FeedbackButton-button-3waL, .btn-backtotop,  // 不要反馈按钮
.AppBanner // App
{display:none!important;}


.column_link, .Navbar-postTitleMain, .main-title a {color:#70bf53!important;} // 专栏名绿色
// #c98fff 名紫色

pre, pre * {background:none #222!important}
pre .nt {color: #46afe3 !important}

// 公式图反色
img[eeimg="1"],
.ColumnEnd-icon {
    filter: invert(100%);
}

// 图标
.zm-votebar .up .vote-arrow {
    border-bottom-color: var(--sideColor);
}

.zm-votebar .down .vote-arrow {
    border-top-color: var(--sideColor);
}


.CommentsV2-openComment-divider
    display none

// 重构-宽屏
.Topstory-container
.Question-main
.QuestionHeader-content
.QuestionHeader-footer-inner
.AppHeader-inner
.TopstoryPageHeader
.ProfileHeader
.Profile-main
.PageHeader .ProfileMain-header
.Search-container
.ContentLayout
    width 1450px

.Topstory-mainColumn
.Question-mainColumn
.QuestionHeader-main
.Profile-mainColumn
.SearchMain
.ContentLayout-mainColumn

// 知乎专栏
.css-1voxft1
.css-8txec3
.css-1xy3kyp
    width 1144px

.css-1xy3kyp
    max-width none

.Modal--fullPage
    width 1188px

.Post-NormalMain .Post-Header
.Post-NormalMain > div
.Post-NormalSub > div
.TitleImage
    width 1200px

.RichContent-actions.is-fixed .ContentItem-actions
    max-width 1200px

.Post-SideActions
    left calc((100vw - 1500px) / 2)
